import { ProCard } from '@ant-design/pro-components';
import Line from './components/Line';
import Pie from './components/Pie';

const Index = () => {
  return (
    <div>
      <ProCard direction="column" ghost gutter={[0, 16]}>
        <ProCard style={{ height: 200 }}>
          <Line />
        </ProCard>
        <ProCard gutter={16} ghost>
          <ProCard colSpan={16} style={{ height: 200 }} />
          <ProCard colSpan={8} style={{ height: 200 }}>
            <Pie />
          </ProCard>
        </ProCard>
        <ProCard gutter={16} ghost>
          <ProCard colSpan={8} style={{ height: 200 }} />
          <ProCard colSpan={16} style={{ height: 200 }} />
        </ProCard>
      </ProCard>
    </div>
  );
};

export default Index;
